<template>
  <van-row style="text-align: center">
    <van-col span="6">
      <div>
        <div>
          <van-icon name="fire-o" color="orange" size="1rem"/>
        </div>
        <span>每日推荐</span>
      </div>
    </van-col>
    <van-col span="6">
      <div>
        <van-icon name="gem-o" color="green" size="1rem"/>
      </div>
      <span>私人定制</span>
    </van-col>
    <van-col span="6">
      <div>
        <van-icon name="star-o" color="blue" size="1rem"/>
      </div>
      <span>歌单</span>
    </van-col>
    <van-col span="6">
      <div>
        <van-icon name="chart-trending-o" color="red" size="1rem"/>
      </div>
      <span>排行榜</span>
    </van-col>
  </van-row>
</template>

<script>
export default {
  name: "IconList"
}
</script>

<style scoped>

</style>